<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>彩妆系列 - 朵色官网</title>
    <link rel="stylesheet" href="css/style1.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
    <link rel="shortcut icon" href="images/favicon.png">
</head>
<body>
<nav>
    <div class="container">
        <nav class="navbar navbar-expand-lg navbar-light bg-light-1">
            <a class="navbar-brand" href="#"><img src="images/header-logo_03.png" alt=""></a>
            <a class="make" href="javascript:void (0)" ><img src="images/header-make.png" alt=""></a>
            <img src="images/header-logo2_06.png" alt="" class="header-logo2">
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="sj">
                <div class="loc">
                    <ul class="navbar-nav">
                        <li class="nav-item active">
                            <a class="home" href="index.html" >首页<span class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="" href="#">朵色招商</a>
                        </li>
                        <li class="nav-item">
                            <a class="Product" href="index1.html">产品中心</a>
                        </li>
                        <li class="nav-item">
                            <a class="" href="#">代理加盟</a>
                        </li>
                        <li class="nav-item">
                            <a class="" href="#">在线购买</a>
                        </li>
                        <li class="nav-item">
                            <a class="" href="index2.html">新闻资讯</a>
                        </li>
                        <li class="nav-item">
                            <a class="" href="index3.html">关于我们</a>
                        </li>
                        <li class="nav-item">
                            <a class="" href="#">联系我们</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav">
                    <li class="nav-item active">
                        <a href="index.html" >首页<span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="" href="">朵色招商</a>/
                    </li>
                    <li class="nav-item">
                        <a class="Product" href="index1.html">产品中心</a>/
                    </li>
                    <li class="nav-item">
                        <a class="" href="#">代理加盟</a>/
                    </li>
                    <li class="nav-item">
                        <a class="" href="#">在线购买</a>/
                    </li>
                    <li class="nav-item">
                        <a class="" href="index2.html">新闻资讯</a>/
                    </li>
                    <li class="nav-item">
                        <a class="" href="index3.html">关于我们</a>/
                    </li>
                    <li class="nav-item">
                        <a class="" href="#">联系我们</a>/
                    </li>
                </ul>
            </div>
        </nav>
    </div>
</nav>
<div class="per">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="images/swiper-tu1.jpg" alt=""></div>
            <div class="swiper-slide"><img src="images/swiper-tu2.jpg" alt=""></div>
            <div class="swiper-slide"><img src="images/swiper-tu3.jpg" alt=""></div>
        </div>
    </div>
</div>


<div class="banner">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="product-nav-item cz">
                    <a href="">
                        <span>
                        彩妆系列 <br>
                        Makeup series
                        </span>
                    </a>
                </div>
            </div>
            <div class="col-md-6">
                <div class="product-nav-item jk">
                    <a href="">
                        <span>
                            健康系列 <br>
                            Health Series
                        </span>
                    </a>
                </div>
            </div>
            <div class="col-md-6">
                <div class="product-nav-item rh">
                    <a href="">
                        <span>
                            日化系列 <br>
                            Daily Chemical Series
                        </span>
                    </a>
                </div>
            </div>
            <div class="col-md-6 hf">
                <div class="product-nav-item hf">
                    <a href="">
                        <span>
                            护肤系列 <br>
                            skin care
                        </span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>


<main>
    <div class="container">
        <h1>
            <span>彩妆系列/Product Center</span>
        </h1>
        <div class="sanlan">
            <div class="row san">
                <div class="col-md-4">
                    <div class="yi">
                        <a href="">
                            <img src="images/main-yitu.jpg" alt="">
                            <div class="hui1">
                                <h5>朵色 净柔洁面慕斯</h5>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="er">
                        <a href="">
                            <img src="images/main-tuer.jpg" alt="">
                            <div class="hui1">
                                <h5>朵色 皙肤洁净卸妆棉</h5>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="san">
                        <a href="">
                            <img src="images/main-tusan.jpg" alt="">
                            <div class="hui1">
                                <h5>朵色 健康环保指彩</h5>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="row san">
                <div class="col-md-4">
                    <div class="si">
                        <a href="">
                            <img src="images/main-tu4.jpg" alt="">
                            <div class="hui">
                                <h5>朵色 柔润无暇气垫CC霜</h5>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="wu">
                        <a href="">
                            <img src="images/main-tu5.jpg" alt="">
                            <div class="hui">
                                <h5>朵色 轻盈无痕四宫格修颜蜜粉</h5>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="liu">
                        <a href="">
                            <img src="images/main-tu6.jpg" alt="">
                            <div class="hui">
                                <h5>山羊奶醒肤素颜霜</h5>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <div class="row san">
                <div class="col-md-4">
                    <div class="qi">
                        <a href="">
                            <img src="images/main-tu7.jpg" alt="">
                            <div class="hui">
                                <h5>朵色 双色润泽BB霜</h5>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="ba">
                        <a href="">
                            <img src="images/main-tu8.jpg" alt="">
                            <div class="hui">
                                <h5>朵色 立体修容棒</h5>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="jiu">
                        <a href="">
                            <img src="images/main-tu9.jpg" alt="">
                            <div class="hui">
                                <h5>Dvz’丝绒柔雾口红</h5>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <h1>
            <span>产品中心/Product Center</span>
        </h1>
        <div class="row">
            <div class="col-md-2"></div>
            <div class="col-md-8">
                <div class="row">
                    <div class="col-md-3 col-6">
                        <div class="mn">
                            <ul class="subnav">
                                <li class="act"><a href="javascript:void (0)">眼妆</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-3 col-6">
                        <div class="mn">
                            <ul class="subnav">
                                <li><a href="javascript:void (0)">唇妆</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-3 col-6">
                        <div class="mn">
                            <ul class="subnav">
                                <li><a href="javascript:void (0)">底妆</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-3 col-6">
                        <div class="mn">
                            <ul class="subnav">
                                <li><a href="javascript:void (0)">卸妆</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-2"></div>
        </div>
        <div class="tab">
            <div class="act eye-makeup">
                    <div class="row san">
                        <div class="col-md-4">
                            <div class="yi">
                                <a href="">
                                    <img src="images/yanzhuang-tuyi.jpg" alt="">
                                    <div class="hui1">
                                        <h5>Dvz' 持久液态眼线笔</h5>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="er">
                                <a href="">
                                    <img src="images/yanzhuang-tuer.jpg" alt="">
                                    <div class="hui1">
                                        <h5>Dvz' 眉型微调膏</h5>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="san">
                                <a href="">
                                    <img src="images/yanzhuang-tusan.jpg" alt="">
                                    <div class="hui1">
                                        <h5>纤长卷翘睫毛膏</h5>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="row san">
                        <div class="col-md-4">
                            <div class="si">
                                <a href="">
                                    <img src="images/yanzhuang-tusi.jpg" alt="">
                                    <div class="hui">
                                        <h5>朵色 丝绒光感眼影</h5>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="wu">
                                <a href="">
                                    <img src="images/yanzhuang-tuwu.jpg" alt="">
                                    <div class="hui">
                                        <h5>朵色 光感眼影Color Fever</h5>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="liu">
                                <a href="">
                                    <img src="images/main-tu8.jpg" alt="">
                                    <div class="hui">
                                        <h5>液态眼线笔</h5>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="row san">
                        <div class="col-md-4">
                            <div class="qi">
                                <a href="">
                                    <img src="images/yanzhuang-tuqi.jpg" alt="">
                                    <div class="hui">
                                        <h5>眉型微调膏Eyebrow Trimmer Cream</h5>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="ba">
                                <a href="">
                                    <img src="images/yanzhuang-tuliu.jpg" alt="">
                                    <div class="hui">
                                        <h5>朵色 嫁接浓密睫毛膏</h5>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="col-md-4">
                        </div>
                    </div>
                </div>
            <div class="lip-makeup">
                <div class="row san">
                    <div class="col-md-4">
                        <div class="yi">
                            <a href="">
                                <img src="images/chunzhuang-tuyi.jpg" alt="">
                                <div class="hui1">
                                    <h5>Dvz'丝绒柔雾口红（A）</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="er">
                            <a href="">
                                <img src="images/chunzhuang-tuyi.jpg" alt="">
                                <div class="hui1">
                                    <h5>Dvz'丝绒柔雾口红（B）</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="san">
                            <a href="">
                                <img src="images/chuanzhuang-tusan.jpg" alt="">
                                <div class="hui1">
                                    <h5> 朵色 柔雾水润唇釉</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="row san">
                    <div class="col-md-4">
                        <div class="si">
                            <a href="">
                                <img src="images/chunzhuang-tusi.jpg" alt="">
                                <div class="hui">
                                    <h5>朵色 丝绒炫彩唇釉</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="wu">
                            <a href="">
                                <img src="images/chuanzhuang-tuwu.jpg" alt="">
                                <div class="hui">
                                    <h5>朵色 丝绒雾感口红(A)</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="liu">
                            <a href="">
                                <img src="images/chunzhuang-tuliu.jpg" alt="">
                                <div class="hui">
                                    <h5>朵色 丝绒雾感口红(B)</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="row san">
                    <div class="col-md-4">
                        <div class="qi">
                            <a href="">
                                <img src="images/chunzhuang-tuqi.jpg" alt="">
                                <div class="hui">
                                    <h5>朵色 水感修护丰盈唇蜜</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="ba">
                            <a href="">
                                <img src="images/chunzhuang-tuba.jpg" alt="">
                                <div class="hui">
                                    <h5>朵色 柔雾水润唇釉</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="jiu">
                            <a href="">
                                <img src="images/chuanzhuang-tusan.jpg" alt="">
                                <div class="hui">
                                    <h5>唇釉Bright Lip Glaze Velvet </h5>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="base-makeup">
                <div class="row san">
                    <div class="col-md-4">
                        <div class="yi">
                            <a href="">
                                <img src="images/main-tu4.jpg" alt="">
                                <div class="hui">
                                    <h5>朵色 柔润无暇气垫CC霜</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="er">
                            <a href="">
                                <img src="images/main-tu5.jpg" alt="">
                                <div class="hui">
                                    <h5>朵色 轻盈无痕四宫格修颜蜜粉</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="san">
                            <a href="">
                                <img src="images/main-tu6.jpg" alt="">
                                <div class="hui">
                                    <h5>山羊奶醒肤素颜霜</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="row san">
                    <div class="col-md-4">
                        <div class="si">
                            <a href="">
                                <img src="images/main-tu7.jpg" alt="">
                                <div class="hui">
                                    <h5>朵色 双色润泽BB霜</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="wu">
                            <a href="">
                                <img src="images/main-tu8.jpg" alt="">
                                <div class="hui">
                                    <h5>朵色 立体修容棒</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="liu">
                            <a href="">
                                <img src="images/dizhuang-tuliu.jpg" alt="">
                                <div class="hui">
                                    <h5>朵色 清透裸肌气垫CC霜</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="row san">
                    <div class="col-md-4">
                        <div class="qi">
                            <a href="">
                                <img src="images/bbshuang.jpg" alt="">
                                <div class="hui">
                                    <h5>朵色 双色润泽BB霜</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="ba">
                            <a href="">
                                <img src="images/dizhuang-tuba.jpg" alt="">
                                <div class="hui">
                                    <h5>朵色 山羊奶醒肤素颜霜</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="jiu">
                            <a href="">
                                <img src="images/dizhuang-tujiu.jpg" alt="">
                                <div class="hui">
                                    <h5>轻盈无痕四宫格修颜蜜粉</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!--<div class="finger-color">
                <div class="row san">
                    <div class="col-md-4">
                        <div class="yi">
                            <a href="">
                                <img src="images/main-tusan.jpg" alt="">
                                <div class="hui1">
                                    <h5>朵色 健康环保指彩</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="er">
                            <a href="">
                                <img src="images/zhicai-tuer.jpg" alt="">
                                <div class="hui1">
                                    <h5>朵色 健康环保指彩</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-4"></div>
                </div>
            </div>-->
            <div class="makeup-remover">
                <div class="row san">
                    <div class="col-md-4">
                        <div class="yi">
                            <a href="">
                                <img src="images/main-yitu.jpg" alt="">
                                <div class="hui1">
                                    <h5>朵色 净柔洁面慕斯</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="er">
                            <a href="">
                                <img src="images/main-tuer.jpg" alt="">
                                <div class="hui1">
                                    <h5>朵色 皙肤洁净卸妆棉</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="san">
                            <a href="">
                                <img src="images/xiezhuang-tusan.jpg" alt="">
                                <div class="hui1">
                                    <h5>朵色 卸妆嫩肤慕斯</h5>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>







<div class="main-zi">
    <div class="container">
        <div class="pagebar">
            <div class="page_list">
                <a href=""><<</a>
                <a href=""><</a>
                <a href="">1</a>
                <a href="">2</a>
                <a href="">3</a>
                <a href="">4</a>
                <a href="">></a>
                <a href="">>></a>
            </div>
        </div>
    </div>
</div>
<div class="links">
    <div class="container">
        <h1>
            <span class="yq">友情</span>
            <span class="lj">链接</span>
            <span class="f-en">Links</span>
            <a href="http://www.wqit.net/" class="friend">洛阳万谦网络</a>
        </h1>
    </div>
</div>
<footer>
    <div class="container">
        <div class="row">
            <div class="col-md-2 col-6">
                <div class="footer-neirong tsnr">
                    <h5>彩妆系列</h5>
                    <ul>
                        <li class="cz1"><a href="">眼妆</a></li>
                        <li class="cz2"><a href="">唇妆</a></li>
                        <li class="cz3"><a href="">底妆</a></li>
                        <li class="cz4"><a href="">指彩</a></li>
                        <li class="cz5"><a href="">卸妆</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-md-2 col-6">
                <div class="footer-neirong tsnr">
                    <h5>护肤系列</h5>
                    <ul>
                        <li class="hf1"><a href="">芦荟系列</a></li>
                        <li class="hf2"><a href="">肌肤之初系列</a></li>
                        <li class="hf3"><a href="">咖啡系列</a></li>
                        <li class="hf4"><a href="">当季明星产品</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-md-2 col-6">
                <div class="footer-neirong">
                    <h5>健康系列</h5>
                    <ul>
                        <li class="jk1"><a href="">健康食品</a></li>
                        <li class="jk2"><a href="">乳胶产品</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-md-2 col-6">
                <div class="footer-neirong">
                    <h5>日化系列</h5>
                </div>
            </div>
            <div class="col-md-2 text-center col-6">
                <img src="images/footer-mayi_10.png" alt="" class="erweima">
                <p class="sao">扫一扫关注我们</p>
            </div>
            <div class="col-md-2 text-center col-6">
                <img src="images/footer-maer_12.png" alt="" class="erweima">
                <p class="sao">扫一扫加入我们</p>
            </div>
        </div>
    </div>
</footer>
<div class="footer2">
    <div class="container">
        <div class="ft">
            <p>COPYRIGHT&nbsp;&nbsp;&nbsp;    2017&nbsp;&nbsp;&nbsp;   弥尚-弥尚护肤品官网&nbsp;&nbsp;&nbsp;&nbsp;    版权所有&nbsp;&nbsp;&nbsp;  </p>
            <a href="">豫ICP备17047971号</a>
        </div>
    </div>
</div>
<div class="fh text-center" id="fh">
    <button><span>TOP<i class="fa fa-arrow-up"></i></span></button>
</div>
<div class="hua">
    <div class="hua-nr5">
        <a href="javascript:void (0)" class="phone">135-2599-2043</a>
    </div>
    <div class="hua-nr6">
        <a href="javascript:void (0)" class="ma">扫一扫联系我们</a>
        <a href="javascript:void (0)" class="da"><img src="images/footer-mayi_10.png" alt=""></a>
    </div>
</div>


<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
<script src="js/axios.min.js"></script>
<script src="js/vue.min.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>